<%-- 
    Document   : index
    Created on : 17-oct-2012, 22:08:29
    Author     : Pavilion
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="Clases.ConectarBD" %>
<%@page import="Clases.Usuario" %>
<%@page import="java.io.*,java.util.*,java.net.*,java.sql.*,com.mysql.jdbc.Connection" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
	<title>Municipalidad de Puerto Deseado</title>
	<link rel=StyleSheet href="styles.css" type="text/css" media="screen"/>
</head>

<body class="ubicacion" style="margin: auto" >

<script type="text/javascript">
  function validarForm(form){
  		if (((form.usuario.value=="")||(form.usuario.value.length==0)) && ((form.clave.value=="")||(form.clave.value.length==0))) {
			alert ("Debe ingresar un usuario y una contraseña");
			form.usuario.focus();
			return false;
		}else if ((form.usuario.value=="")||(form.usuario.value.length==0)){
			alert ("Debe asignar un nombre de usuario");
			form.usuario.focus();
			return false;
		}else if ((form.clave.value=="")||(form.clave.value.length==0)){
			alert ("Debe asignar una contraseña");
			form.clave.focus();
			return false;
		}		

		form.submit();
  }
 
 </script>


<form name="frmlogin" method="POST" action="ServletIngresar" onSubmit="validarForm(this); return false;">

<Div class="header" style="width: 100%; height: 80px; background-color: blue"  > 
    <H4>MUNICIPALIDAD DE PUERTO DESEADO</H4>
    <H5>Agencia de Recaudaci&oacute;n Municipal</H5>
</Div>
<HR style="size: 2; color: negro"/>

<div class="header">
    <img src="imagenes\escudodeseado.jpg" Style="text-decoration:underline; width: 150px; height: 150px; border: 0px; padding: 0px; margin: 0px" alt="" />
    <img src="imagenes\PDeseado.jpg" Style="text-decoration:underline; width: 650px; height: 150px; border: 0px; padding: 0px; margin: 0px" alt=""/>
</div>

<HR size="2" style="color: negro"/>

<div id="titulo" style="text-align: left"  >
  <h7 class="h8">Para conocer si tiene deudas ingrese sus datos:</h7>
</div> 
  
 <div id="tPrincipal" class="borde_caja" style="margin: auto; margin-bottom: 110px">
	<div class="caja_campos" style="text-align: left; margin-left: 10px">	
		<h7 class="etiqueta" >INGRESE SU USUARIO</h7>
		<input name="usuario" class="ingreso_datos" type="text" id="txtusuario" value=""/>
	</div>
	<div class="caja_campos" style="text-align: left; margin-left: 10px" >
		<h7 class="etiqueta">INGRESE SU CLAVE</h7>
		<input class="ingreso_datos"  name="clave" type="password" id="txtclave" value=""/>
		<p class="boton"><input name="Consultar" type="image" id="Consultar" value="enviar" src="imagenes\boton-enviar.gif" style="border: 0px" ></p>
	</div>
  </div>  
   
	<div id="tarjetas3" class="caja_tarjetas" align="center">
		<p class="txt-8">Ahora, usted puede pagar sus deudas con las principales tarjetas de crédito:</p>
		<div id="Tarjetas">
	         <p class="txt-8"><img class="graf_tar" src="imagenes\american.gif">American Express<img src="imagenes\mastercard.gif" class="graf_tar">Mastercard<img src="imagenes\diners.gif" class="graf_tar">Diners<img src="imagenes\visa.gif" class="graf_tar">Visa</p>  
		</div>
	</div>
		<p align="center" style="vertical-align: middle"><a href="Preguntas_Frecuentes.jsp"> Preguntas frecuentes</a> -<a href="Registro.jsp">Registrar Usuario Nuevo</a> - <a href="Contacto.jsp" >Contactarse</a></p>

 <% if (request.getParameter("status")!=null) {
       int status= Integer.valueOf(request.getParameter("status"));
        if (status==2) 		 
           {%>
    <script> alert("Su registro se realizó con éxito. Ingrese al sistema.");</script>
 <%
}
else if (status==1)
       {%>
    <script> alert("Su usuario o contraseña son incorrectos. Reinténtelo.");</script>       
<%
}
else if (status==3)      
{
%>
            <script>alert("La sesión se cerró correctamente.");</script> 
<%
}
else       
{
%>
            <script>alert("La consulta se envió correctamente correctamente.");</script>             
           <% }
                      }
                   %>   

</form>
</body>
